<template>
	<div>
		<div class="nav">
				<router-link to="/layout/wode">
					<img src="../../assets/smallIcon/return.png"  alt="">
				</router-link>
			个人信息
		</div>
		<div class="icon">
			<span>头像</span>
			<img class="img_1" src="../../assets/personIcon/liaotian_02.png" alt="">
			<img class="img_2" src="../../assets/smallIcon/get into.png" alt="">
		</div>
		<div class="nickname">
			<span>昵称</span>路上一起走
		</div>
		<div class="sex">
			<span>性别</span>男
		</div>
		<div class="city">
			<span>城市</span>北京
		</div>
		<div class="qianming">
			<span>个人签名</span>一起在路上
		</div>
	</div>
</template>	
<script>
	export default{
		name:"per_center",
		data(){
			return{

			}
		}
	}
</script>
<style scoped lang="less"> 
.nav{
	width:100%;
	height:94 / 50rem;
	background-color: #7DD19C;
	box-sizing:border-box;
	font-size: 36 / 50rem;
	color:#000000;
	position: fixed;
	top:0;
	left:0;
	right:0;
	z-index: 666;
}
.nav img{
	width:22 / 50rem;
	height:40 / 50rem;
	margin-left: 20 / 50rem;
	margin-top: 30 / 50rem;
	margin-right: 270 / 50rem;
}
.icon{
	margin-top: 134 / 50rem;
	background-color: #ffffff;
	width:100%;
	height:120 / 50rem;
	line-height: 120 / 50rem;
}
.icon span{
	margin-left:20 / 50rem;
	margin-top: 47 / 50rem;
	margin-bottom: 47 / 50rem;
	margin-right: 478 / 50rem;
	position: relative;
	top:-20 / 50rem;
	font-size: 25 / 50rem;
}
.icon .img_1{
	width:80 / 50rem;
	height:80 / 50rem;
	margin-top: 20 / 50rem;
	margin-right: 80 / 50rem;
}
.icon .img_2{
	width:22 / 50rem;
	height:40 / 50rem;
	position: relative;
	right:20 / 50rem;
	top:-20 / 50rem;
}
.nickname{
	background-color: #ffffff;
	width:100%;
	height:80 / 50rem;
	line-height: 80 / 50rem;
	margin-top: 20 / 50rem;
	padding-left: 20 / 50rem;
	box-sizing: border-box;
}
.nickname span{
	margin-right: 20 / 50rem;
}
.sex{
	background-color: #ffffff;
	width:100%;
	height:80 / 50rem;
	line-height: 80 / 50rem;
	margin-top: 1 / 50rem;
	padding-left: 20 / 50rem;
	box-sizing: border-box;
}
.sex span{
	margin-right: 20 / 50rem;
}
.city{
	background-color: #ffffff;
	width:100%;
	height:80 / 50rem;
	line-height: 80 / 50rem;
	margin-top: 20 / 50rem;
	padding-left: 20 / 50rem;
	box-sizing: border-box;
}
.city span{
	margin-right: 20 / 50rem;
}
.qianming{
	background-color: #ffffff;
	width:100%;
	height:80 / 50rem;
	line-height: 80 / 50rem;
	margin-top: 1 / 50rem;
	padding-left: 20 / 50rem;
	box-sizing: border-box;
}
.qianming span{
	margin-right: 20 / 50rem;
}
</style>